/*
Theme Name: Bluvetica
Theme URI: http://hannah.nu/
Description: Theme by Hannah.nu with menu on top, sidebar on right, gradient header, Helvetica headings, and awesome Arial text.
Author: Hannah
Author URI: http://hannah.nu/
*/

/* UNIVERSAL STYLES */
* {
margin:0;padding:0;
}
*::-moz-selection{
background:#c8f7fa;
}












/* MAIN ELEMENTS */
body {
background-image:url('images/bg.jpg');
font:.85em/2.1em arial,helvetica,sans-serif;
color:#555;text-align:center

}
#container {
width:960px; margin:0 auto; background:#FFF;
border-right:1px solid #d9c8b4;
border-left:1px solid #d9c8b4;
}
#menu {
background:#444;
letter-spacing:.05em;
padding:13px 15px
}
#menu ul {
margin:0;float:left;
text-align:left;
padding-top:2px
}
#menu ul li {
display:inline;padding:0 10px
}
#menu ul li a {
color:#d9c8b4;text-decoration:none;
font:bold 1.225em/1em arial,helvetica,verdana,tahoma,sans-serif
}
#menu ul li a:hover {
color:#BAA386
}
#menu form {
float:right;margin:0 !important
}
#menu input {
-moz-border-radius:7px;
-webkit-border-radius:7px;
border-radius:7px;
border:1px solid #333;
padding:7px 9px; color:#333;
background:#777;
font-size:1em
}
#menu input#searchsubmit {
padding:6px;margin-left:8px
}
#header {
background:#811F1F; position:relative;
height:250px;border-bottom:10px solid #811F1F
}
#h1 {
width:100%; height:100%; display:block;
background:url(images/h1.png) center no-repeat
}
#homelink {
position:absolute; top:0; left:0;
width:100%;height:100%;display:block
}
h1 {
text-indent:-9999%; width:0; height:0;
}
#content {
border-right:1px solid #eee;
padding:21px 27px; float:left;
text-align:left; width:620px
}
#sidebar {
padding:21px 27px; float:right;
text-align:left; width:225px
}
#footer {
border-top:10px solid #F8CA3E;
background:#444; color:#999;
letter-spacing:.05em;
padding:10px 25px;
font-size: 11pt;
}

.clear {
clear:both
}

p + p,p + ul,ul + p,p + ol,ol + p,p + form, form + p,.linklist,.post .postinfo,
form + ul,ul + form,ul + ul,.post + #comments,p.meta + div,div + p.meta
p + h2,ul + h2,ol + h2,blockquote + h2,form + h2,
p + h3,ul + h3,ol + h3,blockquote + h3,form + h3,
p + h4,ul + h4,ol + h4,blockquote + h4,form + h4 {
margin-top:15px
}
blockquote {
padding:18px 20px; color:#888;
margin:18px 0; font:italic 1em/2.1em georgia,serif;
quotes: "\201C" "\201D"; position:relative;
letter-spacing:.025em; text-indent:28px
}
blockquote:before {
content: open-quote; font:bold 3em/2em georgia,serif;
position:absolute; top:0; left:-8px;
}
input,select,textarea {
background:#fff;border:1px dotted #f2559c;color:#33322f;
font-size:1.1em;font-family:"helvetica neue",helvetica,arial,sans-serif;
padding:7px 10px;letter-spacing:.05em;color:#555
}
input:focus,select:focus,textarea:focus {
background:#f9f9f9
}
a {
text-decoration:none;
font-weight:bold;
color:#811F1F
}
a:hover {
text-decoration:underline
}
a img {
border:0
}
code {
font-size:1.25em;
font-weight:bold
}
small {
font-size:.9em;
color:#555
}
ul {
margin:0 0 0 15px
}
ol {
margin:0 0 0 20px
}
ul.unlist {
margin-left:0 !important;
list-style:none
}
h2,h3,h4 {
font-family:helvetica,arial,sans-serif;
line-height:1.75em
}
h2,h3,h4,h2 a,h3 a,h4 a {
color:#444
}
h2 a:hover,h3 a:hover,h4 a:hover {
color:#333
}
h2 {
font-size:1.8em;
letter-spacing:.025em
}
#sidebar h2 {
font-size:1.5em;
padding-top:7px
}
h3 {
font-size:1.5em;
letter-spacing:.025em
}
h4 {
font-size:1.2em;
letter-spacing:.025em
}

.post {
}
.post + .post {
padding-top:20px; margin-top:20px;
border-top:1px solid #eee
}
.postinfo {
font-size:1.1em;
font-weight:bold;
letter-spacing:.02em
}
h2 .post-edit-link {
width:16px;height:16px;
margin:0 0 0 10px
}
h2 .editlink {
width:16px;height:16px;
border:0
}
h2 .h2date {
color:#AAA
}
.postcontent p + h2,.postcontent p + h3,.postcontent p + h4,.postcontent ul + h2,.postcontent ul + h3,.postcontent ul + h4,.postcontent ol + h2,.postcontent ol + h3,.postcontent ol + h4,.postcontent form + h2,.postcontent form + h3,.postcontent form + h4 {
margin-top:20px
}
#commentlist {
list-style:none;
margin-left:0;padding-left:0
}
#commentlist li {
margin-top:18px;
padding:25px;
background:#dfcef2
}
.commentavatar {
float:right;
margin:0 0 0 18px
}
.commentavatar a img {
border:1px solid #a07acc;
background:#c4aae0;
padding:7px;margin:7px 0
}
#commentlist li.highlighted {
background:#ffccd9
}
#comments .navigation {
padding:20px 25px;
margin:18px 0;
background:#77d1d9
}
#comments .navigation,#comments .navigation a {
color:#0f3435;
text-decoration:none
}
#comments .navigation a:hover {
color:#000
}
#xhtml,#smilies {
width:460px
}
.meta {
font-weight:bold
}
.meta span.quote {
margin:0 !important
}
.wp-pagenavi {
font-size:1.15em;font-weight:bold;
margin:15px 0 0 -6px
}
.wp-pagenavi span.pages,.wp-pagenavi span.current,.wp-pagenavi span.extend {
color:#444 !important;border:0 !important;
margin:2px;padding:2px 4px;background:transparent !important
}
.wp-pagenavi a {
border:0 !important;
color:#499ea3 !important
}
.wp-pagenavi a:hover {
color:#499ea3 !important;
text-decoration:underline !important
}
ol#answered {
list-style:none
}
ol#answered p.question {
font-weight:bold;
margin-top:15px
}
ol#answered p.answer {
margin-top:0
}
ol#answered p.meta {
margin-top:0;
font-size:.9em;
color:#8c8982
}
ul.wp-tag-cloud {
margin:0;padding:0
}
ul.wp-tag-cloud li {
display:inline;text-transform:lowercase;
padding-right:5px
}
#moretags {
margin:0
}
.extlink {
padding-right:15px;
background:url(images/external.png) right center no-repeat
}
ul.xoxo.blogroll li {
display:inline;
padding-right:3px
}
#flickr {
margin:15px 0 25px
}
div.flickr_badge_image {
margin:0 13px 13px 0 !important;
width:60px; height:60px;
float:left
}
div.flickr_badge_image a {
}
div.flickr_badge_image a img {
width:60px; height:60px;
padding:3px; background:#7AC7CC;
}
div.flickr_badge_image a:hover img {
background:#4EA8AD;
}